Our store is a bit boring because it just changes the value instantly. We can make it more interesting by tweening the values.

If we use the tweened() store the value will move smoothly whenever it changes. First we'll make a custom version.

<script>
	import { writable } from "svelte/store";
	const value = writable(0);
</script>

<button
	on:click={() => {
		$value--;
	}}>-</button>
{$value}
<button
	on:click={() => {
		$value++;
	}}>+</button>

As you can see tweened() is great when we want a value to animate smoothly instead of switching instantly.